<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/home.css" media="screen" />
<title>Home</title>
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript">
$(function(){
	$('.left').hover(function(){
		$(this).find('.left-nav').stop().animate({'top':'-170px'}, {duration: 400,easing: 'easeInOutBack'});
	},function(){
		$(this).find('.left-nav').stop().animate({'top':'0px'}, {duration: 300});
	})
	$('.right li').hover(function(){
		$(this).find('.menu-sub-nav').stop().animate({'top':'-74px'}, {duration: 300,easing: 'easeInOutBack'});
	},function(){
		$(this).find('.menu-sub-nav').stop().animate({'top':'0px'}, {duration: 300});
	})

})
</script>
</head>
<body id="home">

<!--$header_html-->

<div id="wrap-container">
<div class="shadow-l"></div>
<div class="shadow-r"></div>
  <div class="content">
      <div class="left">
      	<img src="../../images/img-home/img-home-1.jpg" />
        <div class="left-nav">
			<p class="shoe-cafe">Shoe Cafe</p>
			<a href="#" class="webboard">Webboard</a>
			<p class="find-us">Find Us</p>
			<a href="#" class="fb">Facebook</a> <a href="#" class="tw">Twitter</a>
         </div>
      </div>
      <div class="right">
        <ul>
          <li class="row1">
          	<img src="../../images/img-home/img-home-2.jpg" />
            <div class="menu-sub-nav">
              <p><a href="#">Location Shop</a></p>
            </div>
          </li>
          <li class="row1">
          	<img src="../../images/img-home/img-home-3.jpg" />
            <div class="menu-sub-nav">
              <p><a href="/news/">News</a></p>
            </div>
          </li>
          <li class="row1">
          	<img src="../../images/img-home/img-home-4.jpg" />
            <div class="menu-sub-nav">
              <p><a href="/activity/">Activity</a></p>
            </div>
          </li>
          <li class="row2">
          	<img src="../../images/img-home/img-home-5.jpg" />
            <div class="menu-sub-nav">
              <p><a href="/shopping/">Shopping</a></p>
            </div>
          </li>
          <li class="row2">
          	<img src="../../images/img-home/img-home-6.jpg" />
            <div class="menu-sub-nav">
              <p><a href="/category/">Category</a></p>
            </div>
          </li>
          <li class="row2">
          	<img src="../../images/img-home/img-home-7.jpg" />
            <div class="menu-sub-nav">
              <p><a href="/contact-us/">Contact Us</a></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
</div>

<!--$footer_html-->

</body>
</html>
